@import "src/sass/global/mixin";

#login {
  display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    .cell{
        display: table-cell; 
        vertical-align: middle;
    }
    .wrap{
        width: 921px;
        height: 500px;
        margin: auto;
        position: relative;
    }
    h2{
        font-size: 30px;
        font-weight: 100;
        margin: 0;
        margin-bottom: 74px; 
        color: #333;
    }
    .form{
        width:430px;
        height:500px;
        border:1px solid #e3e8ee;
        padding: 55px;
        float: right;
        position: absolute;
        top: 50%;
        margin-top: -175px;
        right: 0;
        box-shadow: 3px 3px 10px 0 #e3e8ee;
        background-color: #fff;
        input{ 
            font-size: 14px;
            color: #333;
            width: 320px;
            height: 50px;
            margin-bottom: 25px;
            padding: 0 15px;
            background: #fff;
            border: 1px solid #E3E8EE;
            border-radius: 2px;
            outline: none;
        }
        input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
            background: #fff;
        }

        button {
            margin-top: 80px;
            width: 120px;
            height: 46px;
            background: $blue;
            border-radius: 2px;
            font-size: 15px;
            color: #FFF;
            border:none;
        }

        .error-tips {
            display: none;
            position: absolute;
            height: 14px;
            font-weight: 300;
            line-height: 1;
            color: #fe3824;

            .icon-error{
                width: 15.1px;
                height: 15.1px;
                font-size: 15.1px;
                display: inline;
                margin-right:8.5px;
            }

            .error-data{
                font-size: 14px;
                display: inline;
            }
        }

    }

    .flag{
        height: 500px;
        padding-right: 256px; 
        padding-top: 239px; 
        float: left;
    }
    .logo{
        display: block;
        margin-bottom: 22px;
    }
    .welcome{
        display: block;
    }
}
body {
    background-color: #f7faff;
}